<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Responsive Profile</title>
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <!-- Material Design -->
        <link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">
        <!-- https://material.io/resources/icons/?icon=add_circle&style=sharp -->
        <!-- <i class="material-icons-sharp">add_circle</i> -->
        <!-- Use them to prototype CSS -->
        <link rel="stylesheet" href="css/steadylearner/font.css">
        <link rel="stylesheet" href="css/steadylearner/flex.css">
        <link rel="stylesheet" href="css/steadylearner/length.css">
        <link rel="stylesheet" href="css/steadylearner/background.css">
        <link rel="stylesheet" href="css/steadylearner/theme.css">
        <link rel="stylesheet" href="css/steadylearner/margin.css">
        <link rel="stylesheet" href="css/steadylearner/remove.css">
        <link rel="stylesheet" href="css/steadylearner/opacity.css">
        <link rel="stylesheet" href="css/steadylearner/cursor.css">
        <link rel="stylesheet" href="css/steadylearner/hover.css">
    </head>
    <body>
        <section class="profile-wrapper" >
            <h1 class="blue" >Gulp, SCSS, CSS Webpack and more</h1>
        </section>
    </body>
    <script type="application/javascript" src="js/bundle.js" ></script>
</html>
